
    <style type="text/css" media="screen">
    .product_swiper {
        width: 760px;
        background: white;
        padding: 50px 70px;
        border-radius: 3px;
        position: absolute;
        z-index: 100;
        left:70px;
        top:50px;
    }
    .product_content{
      height: 350px;
      background: white;
      overflow: hidden;
      padding-top: 30px;
      padding-left: 50px;
      border:1px solid #f4f4f4;
      border-radius: 3px;
      }
     .product_swiper h3 {
    font-weight: 500;
    color: #fd7910;
    font-size: 18px;
    margin-bottom: 40px;
}
      .product_content em{
        color: #666;
        font-size: 12px;
        margin-left: 20px;
      }
      .prodcutinfo_left{
        width: 400px;
        float: left;
      }
      .prodcutinfo_right{
        float: left;
        width: 280px;
      }
      .product_content p{
        font-size: 14px;
        margin-bottom: 20px;
      }
      .product_condition{
      background: white;
      overflow: hidden;
      border:1px solid #f4f4f4;
      border-radius: 3px;
      margin-top: 50px;
      padding-top: 30px;
      padding-left: 50px;
      padding-right: 50px;
      }
      .demand h4{
        color: #fd7910;
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 20px;
      }
      .demand p{
        font-size: 14px;
        margin-bottom: 10px;
      }
      .demand{
        margin-bottom: 50px;
      }
    </style>
    <div class="product_swiper">
      <div class="product_content">
        <h3>产品基本信息</h3>
        <div class="prodcutinfo_left">
        <p>产品名称:<i></i></p>
        <p>申请金额:<i></i></p>
        <p>年化利率:<i></i></p>
        <p>违约金类型:<i></i></p>
        <p>滞纳金:<i></i></p>
        <p>是否转贷:<i></i></p>
        <p>备注:<i></i></p>
      </div>
      <div class="prodcutinfo_right">
         <p>对应银行:<i></i></p>
         <p>产品类型:<i></i></p>
         <p>还款类型:<i></i></p>
         <p>违约金:<i></i></p>
         <p>服务费:<i></i></p>
         <p>创建关联订单:<i></i></p>
      </div>
      </div>
      <div class="product_condition">
         <h3>产品申请条件</h3>
         <div class="demand">
           <h4>个人信息需求</h4>
           <p>年龄:<i></i></p>
           <p>工作:<i></i></p>
           <p>收入:<i></i></p>
         </div>
         <div class="demand">
           <h4>征信逾期要求</h4>
           <p></p>
         </div>
          <div class="demand">
           <h4>负债要求</h4>
           <p></p>
         </div>
         <div class="demand">
           <h4>其他贷款要求</h4>
           <p></p>
         </div> 
         <div class="demand">
           <h4>征信查询次数</h4>
           <p></p>
         </div>
           <div class="demand">
           <h4>所需材料</h4>
           <p></p>
         </div>
      </div>
    </div>
